<template>
    <div>
        <NavBar></NavBar>
        <div id="app">
            <router-view />
        </div>
        <Footer></Footer>
    </div>
</template>

<script>
import NavBar from './components/NavBar'
import Footer from './components/Footer'

export default {
    name: "app",
    components: {
        'NavBar': NavBar,
        'Footer': Footer
    }
};
</script>

<style>
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
}

</style>
